<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>jQuery.getJSON demo</title>
<style>
img {
	height: 100px;
	float: left;
}
</style>
<script src="http://code.jquery.com/jquery-1.9.1.js"></script>
</head>
<body>

	<script>
		(function() {
			var url = "rest/getrealtimehotcmt";
			$.getJSON(url, {
				tags : "real time hot comment",
				tagmode : "any",
				format : "json"
			}).done(
					function(data) {
						var items = [];
						$.each(data, function(i, item) {
							items.push("<li id='" + item.cmtId + "'> Title:"
									+ item.pageTitle + " Agree:" + item.agree
									+ " Source:" + item.source
									+ "<br>Parent Content:"
									+ item.parentContent + "<br>Comment:"
									+ item.content + "</li><br>");
						});

						$("<ul/>", {
							"class" : "my-new-list",
							html : items.join("")
						}).appendTo("body");

					});
		})();
	</script>

</body>
</html>